<template>
	<view class="no-data">
		<view class="no-data-icon">
			<image :lazy-load="true" :src="src"></image>
		</view>
		<view class="no-data-text">
			{{text}}
		</view>
	</view>
</template>
<script>
	export default {
		name: 'noData',
		props: {
			src: {
				type: String,
				default: '/static/images/pinapp-empty-box.png'
			},
			text: {
				type: String,
				default: '暂无数据'
			},
		},
	}
</script>
<style lang="scss">
	.no-data {
		display: flex;
		flex-direction: column;
		align-items: center;
		position: fixed;
		top: 50%;
		left: 50%;
		 
		transform: translate(-50%, -50%);

		.no-data-icon {
			image {
				width: 480rpx;
				height: 280rpx;
			}
		}

		.no-data-text {
			color: #bfbfbf;
			font-size: 30rpx;
		}
	}
</style>
